<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        *{
            margin:0px;
            padding:0px;
        }
        ul li{
            list-style:none;
            margin-left: 300px;
        }
        .nav{
            height:55px;
            background:url("file/head_bg.jpg");
            margin-top:50px;
            line-height:55px;
            border-top:1px solid #E1E1E1;
        }
        li a{
             font-size:20px;
             background:url("file/li_bg.png") no-repeat right center;
             text-decoration:none;
             color:black;
             float:left;
             padding:0 30px;

        }

        a:hover{
            color:orange;
            text-decoration:underline;
        }
    </style>
</head>
<body>
    <div class="nav">
          <ul>
              <li><a href="#">智能手机</a></li>
              <li><a href="#">平板电脑</a></li>
              <li><a href="#">百度</a></li>
              <li><a href="#">么么哒</a></li>
          </ul>
    </div>
</body>
</html>